import type { RouteRecordRaw } from 'vue-router';

import { BasicLayout } from '#/layouts';
import { $t } from '#/locales';

const routes: RouteRecordRaw[] = [
  {
    component: BasicLayout,
    meta: {
      icon: 'lucide:book-open-text',
      order: 3,
      title: $t('page.menu.contents'),
    },
    name: 'Contents',
    path: '/contents',
    children: [
      {
        name: 'Content',
        path: '/contents/content',
        component: () => import('#/views/contents/content/index.vue'),
        meta: {
          affixTab: true,
          icon: 'lucide:book-text',
          title: $t('page.menu.content'),
        },
      },
      {
        name: 'Cate',
        path: '/contents/cate',
        component: () => import('#/views/contents/cate/index.vue'),
        meta: {
          icon: 'lucide:boxes',
          title: $t('page.menu.cate'),
        },
      },
    ],
  },
];

export default routes;
